/* 禁止用户在页面上选择文本 */
body {
    user-select: none; /* 禁止用户选择文本 */
    -ms-user-select: none; /* 兼容 IE/Edge 浏览器 */
    -moz-user-select: none; /* 兼容 Firefox 浏览器 */
    -webkit-user-select: none; /* 兼容 Chrome/Safari/Opera 浏览器 */
}

/* 定义容器的布局方式 */
.container {
    display: flex; /* 使用 Flexbox 布局 */
    flex-wrap: wrap; /* 允许项目在需要时换行 */
    justify-content: space-between; /* 在容器中均匀分布项目，两端对齐 */
    align-items: flex-start; /* 调整项目的垂直对齐方式为顶部对齐 */
    flex-direction: column; /* 主轴方向为垂直列布局 */
    background-color: skyblue; /* 背景颜色为天蓝色 */
    border: 1px solid black; /* 边框为黑色实线，粗细为1px */
    border-radius: 10px; /* 边框圆角半径为10px */
    padding: 10px; /* 内边距为10px */
}

/* 定义项目的布局方式 */
.item {
    text-align: left; /* 文本左对齐 */
    font-size: 18px; /* 字体大小为18px */
    margin: 10px; /* 外边距为10px */
}

p {
    font-size: 18px; /* 段落文本字体大小为18px */
}